// colors 颜色
$colors: (
  'primary': #db9e3f,
  'info': #4b67af,
  'danger': #791a15,
  'blue-1': #1f3695,
  'blue': #4394e4,
  'white': #fff,
  'light': #f9f9f9,
  'light-1': #d4d9de,
  'grey': #999,
  'grey-1': #666,
  'dark-1': #343440,
  'dark': #222,
  'black': #000,
);
$border-color: map-get($colors, 'light-1');



// font size 字体大小
$base-font-size: 1rem;  //根字体（根据html字体大小决定，比如这里是13px）
$font-sizes: (          //字体规格
    xxs: 0.6154,
  // 8px
    xs: 0.7692,
  //10px
    sm: 0.9231,
  //12px
    md: 1,
  //13px
    lg: 1.0769,
  //14px
    xl: 1.2308,
  //16px,,,,
);



$flex-jc: (           //justify-content:分配顺着父容器主轴的弹性元素之间及其周围的空间。
  start: flex-start,
  end: flex-end,
  center: center,
  between: space-between,
  around: space-around,
);



$flex-ai: (           //align-items:分配顺着父容器主轴的弹性元素之间及其周围的空间。align-self属性设置项目在其包含块中在交叉轴方向上的对齐方式。
  start: flex-start,
  end: flex-end,
  center: center,
  stretch: stretch,
);



// spacing
// 0-5: 0
// .mt-1  => margin top  .pb-2
$spacing-types: (    //间距类型：外，内
  m: margin,
  p: padding,
);
$spacing-directions: (  //间距方向：上右下左
  t: top,
  r: right,
  b: bottom,
  l: left,
);
$spacing-base-size: 1rem; //根间距：
$spacing-sizes: (         //间距大小（倍数）  倍数*根间距（1rem） = 间距大小
  0: 0,
  1: 0.25,
  2: 0.5,
  3: 1,
  4: 1.5,
  5: 3,
);